// 引入less
require('../css/home.less')
// 引入fonts
require('../fonts/iconfont.css')
//引入swiper
require('../lib/swiper/swiper-bundle.css')
document.ready(function(){
// 判断是否登录
window.utils.isLogin()
   // 添加tab栏
   window.utils.addTabs('home')

   
    /* 轮播 */
  new Swiper('.swiper-container', {
    loop: true, // 循环模式选项
    autoplay: true, // 自动切换
    watchSlidesProgress: true,
    watchSlidesVisibility: true,
    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
    }
 })
 // 取出本地存储当前登录用户的id
 const userId = window.localStorage.getItem('userId')

 /* 获取dom */
 const rankNum = document.querySelector('#rankNum') // 排名
 const sumDays = document.querySelector('#sumDays') // 累计打卡天数
 const sumBadge = document.querySelector('#sumBadge') // 累计运动徽章
 const totalSign = document.querySelector('#totalSign') // 是否打卡

 /* 获取首页数据 */
 function getHomeData() {
   window.$http.get(`headPageInfo?userId=${userId}`, function (res) {
     // 如果成功
     if (res.status === 0) {
       //  取出后端返回的数据
       const rank = res.data.rank // 排名
       const punchIn = res.data.punchIn // 累计打卡天数
       const isPunch = res.data.isPunch // 是否打卡
       const insigniaNum = res.data.insigniaNum // 运动徽章数量

       // 渲染
       rankNum.textContent = rank
       sumDays.textContent = punchIn
       sumBadge.textContent = insigniaNum
     }
   })
 }

 /* 今日打卡 */
 totalSign.addEventListener('click', function () {
   // 发送ajax到打卡接口
   window.$http.get(`clockIn?userId=${userId}`, function (res) {
     if (res.status === 0) {
       totalSign.textContent = '已打卡' // 成功
     } else {
       window.utils.showToast('err', '今日已打卡', 2000) // 失败
     }
   })
 })
 getHomeData();
})



console.log('home.js')



